/* You can add global styles to this file, and also import other style files */
@import './scss/brower';

@import '~font-awesome/css/font-awesome.css';
@import './scss/colors.scss';

body{min-width: 1200px;}
@media screen and (max-width: 768px) { 
    body{min-width: auto;}
}
.ant-layout-header { padding: 0;};



.icons-list {
    background: {
        color: rgb(34, 105,209)
    }
}
.model-header{
    border-top-right-radius: $radius-size;
    border-top-left-radius: $radius-size;
    
    .header-head{
        border-bottom: $border-line;
        border-top-right-radius: $radius-size;
        border-top-left-radius: $radius-size;
        background: $bg-color;
        line-height: 71px;
        
        .head-bark{
            cursor:pointer;
            text-align: center;
            font-size: $f-size;
            padding: 0 32px;
            i{
                color: $span-color; 
                border-right: $border-line; 
                font-size: $f-size + 3;
                padding-right: 32px;
            };
        };
        h3{
            color: $title-color; 
            padding-left: 24px;
        };
    };
    .model-body{
        background: $bg-color;
        margin: 10px 20px;
        padding: 20px;
        .account-table , .body-totel , .body-top{
            padding: 20px 29px;
        };
        .from-footer{
            button{margin-right: 5px};
        }
        .model-btn{
            padding:3px 10px;
            button{margin: 0 5px;};
        }
    };
};